@charset "utf-8";

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../../resources/css/font/Pretendard-ExtraBold.woff2') format('woff2'), url('../../resources/css/font/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../../resources/css/font/Pretendard-Bold.woff2') format('woff2'), url('../../resources/css/font/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../../resources/css/font/Pretendard-SemiBold.woff2') format('woff2'), url('../../resources/css/font/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../../resources/css/font/Pretendard-Medium.woff2') format('woff2'), url('../../resources/css/font/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../../resources/css/font/Pretendard-Regular.woff2') format('woff2'), url('../../resources/css/font/Pretendard-Regular.woff') format('woff');
}



/*기본태그 정의*/
html, body {padding:0;margin:0;height:100%; min-width: 360px;}
body.noscroll{ position: fixed; overflow-y:scroll;top:0px;left:0px;right:0px;bottom:0px; }
body, td, select, textarea, input, button {font-size:14px; color:#101010; letter-spacing:-0.4px; font-family:"Pretendard", "Malgun Gothic","맑은 고딕" ,helvetica, 'Dotum', "Apple SD Gothic Neo", sans-serif;background: transparent;border: none; }
html, body, div, span,  applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input{
	margin: 0;
	outline: 0;
	border: 0;
	padding: 0;
	vertical-align: top;
	box-sizing: border-box;
	background: transparent;
    word-break: keep-all;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

/* 리스트의 스타일 제거 */
ol, ul {list-style:none;}

/* 테이블 스타일 초기화 */
table {border-collapse:collapse; border-spacing:0; table-layout: fixed;}

/* 이미지 및 필드셋에서 보더 표시 초기화 */
fieldset, img,iframe {border:0;}
img{vertical-align:top;}

/* 캡션 텍스트 정렬 초기화 */
caption {text-align:left;}

/* 폼태그의 초기화 */
input {vertical-align:middle;}
button {cursor:pointer; outline:0;}
input.radio {vertical-align:middle;}

.inputBox{z-index: 2; margin-bottom: 23px;}
input[type=text], input[type=password], input[type=date]{border:none; border-bottom: 1px solid #b6b7b7; background:transparent; height:36px; line-height:36px; box-sizing:border-box; padding:0; width: 100%; min-width:100px;}

input[type="date"]::-webkit-calendar-picker-indicator {background: url(../../resources/images/icon_calcendar.png) no-repeat right 5px center; width:20px;}
select{height:36px; line-height:36px; vertical-align:middle; border-bottom: 1px solid #000; outline: none; -webkit-appearance: none; appearance: none; width: 100%; cursor: pointer; text-overflow: ellipsis; position: relative; background: transparent url(../../resources/images/icon_select.png) no-repeat right 5px center; opacity:1;}
select.select2{background: transparent url(../../resources/images/icon_select2.png) no-repeat right 5px center;}
select:disabled{background: unset !important;}
select option{color: #101010;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}


input[type=radio]{cursor:pointer;}
.inputBox input::placeholder{color: #fff;}

/* select:focus,
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=file]:focus{border:1px solid #ddd} */

textarea {border:1px solid #dedede; background:#fff; min-height:100px;  box-sizing:border-box; padding:13px; resize: none; outline: none; width: 100%; font-size: 14px;}
textarea::placeholder{font-size: 13px;}


input::placeholder{color:#999; font-size: 14px;}


label{cursor:pointer; vertical-align: middle;}
i {vertical-align: baseline;font-style: normal; }
em { font-style: normal; }


a:link    {text-decoration:none; color:#101010;}
a:active    {text-decoration:none; color:#101010;}
a:visited    {text-decoration:none; color:#101010;}
a:hover    {text-decoration:none; color:#101010;}

/* hidden 처리 */
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
legend{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.hide,hr{position:absolute;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}



/* 체크박스, 라디오 */
.chkStyle{margin-bottom: 18px;}
.chkStyle:last-child{margin-bottom: 0;}
.chkStyle{font-size: 0;}
.chkStyle label{vertical-align:baseline; padding-left: 25px; font-size: 14px;}
.chkStyle input[type=checkbox]{display: none;}
.chkStyle label:before{display:block; content:''; position:absolute; width:18px; height:18px; background: url(../../resources/images/icon_chkbox_off.png) no-repeat center / contain; z-index:2; left: 24px;}
.chkStyle input[type=checkbox]:checked + label:before{display:block; content:''; position:absolute; width:18px; height:18px; background: url(../../resources/images/icon_chkbox_on.png) no-repeat center / contain; z-index:2; }

.chkStyle2{margin-bottom: 18px;}
.chkStyle2:last-child{margin-bottom: 0;}
.chkStyle2 label{vertical-align:baseline; padding-left: 25px; position: relative;}
.chkStyle2 input[type=checkbox]{display: none;}
.chkStyle2 label:before{display:block; content:''; position:absolute; top: 50%; left: 0; transform: translateY(-50%); width:19px; height:19px; background: url(../../resources/images/icon_chkbox2_off.png) no-repeat center; z-index:2;}
.chkStyle2 input[type=checkbox]:checked + label:before{display:block; content:''; position:absolute; left: 0; width:19px; height:19px; background: url(../../resources/images/icon_chkbox2_on.png) no-repeat center; z-index:2; }

.chkStyle3{margin-bottom: 18px;}
.chkStyle3:last-child{margin-bottom: 0;}
.chkStyle3 label{vertical-align:baseline; padding-left: 25px; position: relative;}
.chkStyle3 input[type=checkbox]{display: none;}
.chkStyle3 label:before{display:block; content:''; position:absolute; top: 50%; left: 0; transform: translateY(-50%); width:19px; height:19px; background: url(../../resources/images/icon_chkbox2_off.png) no-repeat center; z-index:2;}
.chkStyle3 input[type=checkbox]:checked + label:before{display:block; content:''; position:absolute; left: 0; width:19px; height:19px; background: url(../../resources/images/icon_chkbox3_on.png) no-repeat center; z-index:2; }

.chkStyle4{margin-bottom: 18px;}
.chkStyle4:last-child{margin-bottom: 18px;}
.chkStyle4 label{vertical-align:baseline; padding-left: 25px; position: relative;}
.chkStyle4 input[type=checkbox]{display: none;}
.chkStyle4 label:before{display:block; content:''; position:absolute; top: 50%; left: 0; transform: translateY(-50%); width:19px; height:19px; background: url(../../resources/images/icon_chkbox2_off.png) no-repeat center; z-index:2;}
.chkStyle4 input[type=checkbox]:checked + label:before{display:block; content:''; position:absolute; left: 0; width:19px; height:19px; background: url(../../resources/images/icon_chkbox3_on.png) no-repeat center; z-index:2; }


.radioStyle{font-size: 0;}
.radioStyle.flex{align-items: center;}
.radioStyle label{font-size: 14px;}
.radioStyle input[type=radio]{position:relative; width:19px;}
.radioStyle input[type=radio]:checked + label{color: #ae1857;}
.radioStyle input[type=radio]:before{display:block; content:''; position:absolute; left:0; top: -3px; width:19px; height:19px; background:url(../../resources/images/icon_radio_off.png) no-repeat center / contain; z-index:2; cursor:pointer; border-radius: 50%;}
.radioStyle input[type=radio]:checked:after{display:block; content:''; position:absolute; left:0; top: -3px; width:19px; height:19px; background:url(../../resources/images/icon_radio_on.png) no-repeat center / contain; z-index:2; cursor:pointer; border-radius: 50%;}
.radioStyle input[type=radio]:checked:after + label {color: #ae1857;}
.radioStyle.single input[type=radio]{margin-right: 0;}
.radioflex .radioStyle{justify-content: space-between; flex-direction: row-reverse; height: 35px; line-height: 35px;}


/*
.filebox {}
.filebox label{ display: inline-block; width: 100px; background: #fff;  text-align: center; font-size: 15px; color: #313942; height: 40px; border: 1px solid #313942; float: right; line-height: 40px;}
/* .filebox input[type="file"] {display: none;} 파일 필드 숨김
.filebox .upload_name { display: inline-block; height: 40px; line-height: 40px; padding: 0 12px; background: #fff; border: 1px solid #ccc; color: #999; width: calc( 100% - 105px); box-sizing: border-box;} */